/* assets/css/dashboard.css */

.main-content {
    display: flex;
    gap: 24px;
}

.content-left {
    flex: 3;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.content-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* KPI统计卡片组 */
.kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.kpi-card { flex-direction: row; align-items: center; padding: 20px; }
.kpi-card .icon-placeholder { width: 48px; height: 48px; line-height: 48px; text-align: center; background-color: #e6f7ff; border-radius: 50%; margin-right: 16px; font-size: 12px; color: #1890ff; flex-shrink: 0; }
.kpi-card .kpi-content .value { font-size: 24px; font-weight: 700; line-height: 1.2; }
.kpi-card .kpi-content .label { font-size: 14px; color: #8c8c8c; }

/* 图表卡片组 */
.chart-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }

/* 右侧常用功能 */
.common-functions-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; text-align: center; }
.function-item { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.function-item .icon-placeholder { width: 48px; height: 48px; line-height: 48px; background-color: #f0f2f5; border-radius: 8px; font-size: 12px; }
.function-item span { font-size: 12px; color: #595959; }

/* 右侧数据详情 */
.data-detail-card { text-align: center; }
.data-detail-card .chart-container { height: 180px; }
.air-quality-info { margin-top: -20px; }
.air-quality-info h3 { font-size: 18px; margin: 8px 0; font-weight: 500;}
.air-quality-info h3 span { color: #52c41a; font-weight: 700; margin-left: 4px; }
.air-quality-info p { margin: 4px 0; color: #595959; }

/* 右侧底部小卡片 */
.small-info-card .card-content {
    font-size: 18px;
    font-weight: 500;
}